<script setup lang="ts">
// 任何其他使用 useState('counter') 的组件都会共享相同的响应式状态
// 这是因为 useState 是全局的，并且通过键来管理状态
const counter = useState<number>('counter')
</script>

<template>
  <div>
    计数器：{{ counter }}
    <UButton @click="counter++">+</UButton>
    <UButton @click="counter--">-</UButton>
  </div>
</template>
